<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/global.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/flexible.js"></script>
    <script src="./js/jquery-1.12.4.min.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="head dispfx flxvc flxhc">
        <img src="./image/矢量智能对象1.png" alt="" class="return">
        <p>新建地址</p>
    </div>
    <!-- 1 -->
    <div class="one">
        <ul>
            <li>
                收货人
                <input type="text" placeholder="姓名">
            </li>
            <li>
                电话号码
                <input type="text" placeholder="电话号码">
            </li>
            <li>
                所在地区
                <p><input type="text" placeholder="地区"><img src="./image/Path.png" alt=""></p>
            </li>
            <li>
                详细地址
                <input type="text" placeholder="地址">
            </li>
        </ul>
    </div>
    <!-- 2 -->
    <div class="two dispfx flxvc flxspb">
        设为默认
        <img src="./image/圈选.png" alt="">
    </div>
    <!-- 底部 -->
    <div class="dibu">
        保存并使用
    </div>

</html>